<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        text-decoration: none;
    }
   /* body{
       width: 100%;
       height: 1080px;
   } */
    #nav {
        line-height: 25px;
        width: 100%;
        height: 69px;
        background-color: #000000;
        
    }
    #nav .logo {
        float: left;
        width: 183px;
        height: 69px;
        padding-top: 12px;
        background: url(../img/csgo\ logo.png) 50% 50% no-repeat;
    }
    #nav .menu{
        float: left;
    }
    #nav .menu a{
        
        font-family: 'microsoft yahei', 'Helvetica Neue', Helvetica, STHeiTi, sans-serif;
        font-size: 18px;
        width: 85px;
        height: 68.8px; 
        color: #DDDDDD;
        vertical-align: left;
        line-height: 68.8px;
        padding-left: 50px;
    }
    #nav .menu a:hover {
        
        color: #fff;
    }
    #nav .download {
        background: url(../img/btn-download.png) 50% 0 no-repeat;
        color: #fff;    
        width: 260px;
        height: 80px;
        float: right;
}
.video-box1 video {
    position: absolute;
    top: 429.9px; 
    left: 49.4%;
    width: 1536px;
    height: 100%;   
    pointer-events: none;
    object-fit: cover;
    transform: translate(-50%, -50%);
    
}
.video-box2 video{
    position: absolute;
    top: 1151.5px;
    left: 49.4%;
    width: 1536px;
    height: 100%;  
    pointer-events: none;
    object-fit: cover;
    transform: translate(-50%, -50%);
    
}
</style>
<body>
    <div id="nav">
        <a href="">
            <img class="logo" alt="">
        </a>
        <div class="menu">
            <a href="">进入官网</a>
            <a href="">注册账号</a>
            <a href="">游戏充值</a>
            <a href="">客服中心</a>
            <a href="">官方对战平台</a>
            <a href="">新手指南</a>
            <a href="">官方APP社区</a>
        </div>
        <a  class="download" ></a>
    </div>

    <div class="video-box1">
        <video src="../img/csgo1.mp4" class="video-full1" autoplay muted loop>
            <!-- <source src="../img/csgo1.mp4"> -->
        </video>
    </div>

    <div class="video-box2">
        <video src="../img/csgo2.mp4" class="video-full2" autoplay muted loop>
            <!-- <source src="../img/csgo1.mp4"> -->
        </video>
    </div>
</body>
</html>